// import React, { Component } from 'react';
// import logo from './logo.svg';
// import './App.css';

// class App extends Component {
//   render() {
//     return (
//       <div className="App">
//         <header className="App-header">
//           <img src={logo} className="App-logo" alt="logo" />
//           <h1 className="App-title">Welcome to React</h1>
//         </header>
//         <p className="App-intro">
//           To get started, edit <code>src/App.js</code> and save to reload.
//         </p>
//       </div>
//     );
//   }
// }

// export default App;

import React from 'react';
import {BrowserRouter as Router, Route} from 'react-router-dom'

import Home from './components/Home/Home';
import About from './components/About/About';
import List from './components/List/List';
import DigitalClock from './components/DigitalClock/DigitalClock';
import CommentBox from './components/CommentBox/CommentBox'

const App = () => (
  <Router>
    <div>
      <Route exact path="/" component={Home}></Route>
      <Route path="/clock" component={DigitalClock}></Route>
      <Route  path="/about" component={About}></Route>
      <Route path="/list" component={List}></Route>
      <Route path="/chat" component={CommentBox}></Route>
    </div>
  </Router>
);

export default App;
